.app-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(closest-side, rgba(235, 105, 78, 1), rgba(235, 105, 78, 0.2)),
    radial-gradient(closest-side, rgba(34, 29, 114, 1), rgba(0, 211, 244, 0.2)),
    radial-gradient(closest-side, rgba(70, 117, 132, 1), rgba(233, 197, 148, 0.2)),
    radial-gradient(closest-side, rgba(170, 142, 245, 1), rgba(255, 235, 62, 0.2)),
    radial-gradient(closest-side, rgba(44, 111, 133, 1), rgba(19, 164, 255, 0.2));
  background-size: 130vmax 130vmax, 80vmax 80vmax, 90vmax 90vmax, 110vmax 110vmax, 90vmax 90vmax;
  background-position: -80vmax -80vmax, 60vmax -30vmax, 10vmax 10vmax, -30vmax -10vmax,
    50vmax 50vmax;
  background-repeat: no-repeat;
  position: relative;
  z-index: 2;

  &::after {
    content: '';
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    backdrop-filter: blur(200px);
    z-index: -1;
  }

  .search-container {
    width: 80%;
    display: flex;
    align-items: center;
    border-radius: 40px;

    &::deep .my-button {
      height: 100%;
    }
  }
}